/* block ios-switch component */
.ios-white *{ background-color: #fff !important; }
.switch{
  position: relative;
}
.switch-left{
  display: inline-block;
  height: 30px;
  width: 30px;
  background-color: #4cd864;
  border: 1px solid #dcdcdc;
  border-right: none;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.switch-right{
  display: inline-block;
  height: 30px;
  width: 30px;
  background-color: #4cd864;
  border: 1px solid #dcdcdc;
  border-left: none;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  margin-left: -13px;
  position: relative;
}
.switch-on{
  display: inline-block;
  height: 27px;
  width: 27px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 50%;
  position: absolute;
  bottom: 4px;
  left: 20px;
  z-index: 10;
  color:blue;
}
/* endblock ios-switch */

/* block table-small */
.table-small{ width:72%;}
.table-small, .table-small td{ border: 1px solid #eee; background-color: #fff; text-align: center; }
.table-small td{ width: 20%; }
/* endblock */

/* block hemai-detail */
.hemai-detail .duiqi{ position: absolute; left: 72px; top:0; }
.hemai-detail>div{ margin-bottom: 10px; position: relative;}
.hemai-detail input[type="text"]{ outline: none; border: 1px solid #eee; padding: 2px 8px;}
/* endblock */

.sel-rules p{ margin-bottom: 10px;}

/* block modal */
.modalbg { position:absolute; left:0; top:0; width: 100%; height: 100%; background: #0b0b0b; opacity: 0.8; z-index: 499;}
.mymodal { width: 94%; min-height: 50%; position: fixed; left: 3%; top: 10%; z-index: 500;}
/* endblock modal */
